<template>
  <div class="title">
    <img src="@/static/supervisoryControl/icon_left.png" alt="" />
    <div><slot/></div>
    <img src="@/static/supervisoryControl/icon_right.png" alt="" />
  </div>
</template>

<script setup>
</script>

<style lang="scss" scoped>
.title {
    margin-top: 10px;
  width: 100%;
  display: flex;
  justify-content:center;
  align-items: center;

  & > div {
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-size: 12px;
    color: #00e5ff;
   white-space: nowrap;
    text-align: center;
    margin:  0 1%;
  }
  & > img {
    width: 10px;
    height: 8px;
  }
}
</style>